<!DOCTYPE html>
<html>
	<head>
		<title>Google +1 Button Code Generator for Blogger by Way2Blogging</title>
		<style type="text/css">
			body { font-family: helvetica,Arial,sans-serif;margin: 0;padding: 0;text-align: left;font-size:14px;line-height:1.4;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; }
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #F8ECE0;font-size:16px;color:#333333;border:1px solid #999;}
			fieldset{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border:1px solid #AAA;}
			fieldset legend{font-size:15px;font-weight:bold; padding:2px 10px;border:1px solid #AAA;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
			img{vertical-align:middle;}
		</style>
		<script>
		//<!--
		function way2bloggingcodegen() {
			var plus1type = "";
			for (i = 0; i < document.getElementsByName("1type").length; i++) {
				if (document.getElementsByName("1type")[i].checked == true) {
					plus1type = document.getElementsByName("1type")[i].value
				}
			}
			var plus1code = document.getElementsByTagName("textarea")[0];
			var postsxmltag = document.getElementsByName("inposts")[0].checked;
			var fcfloat = document.getElementsByName("float")[0].checked;
			plus1code.value = "";
			if (postsxmltag) {
				plus1code.value = plus1code.value + "\<b:if cond='data:blog.pageType == \&quot;item\&quot;'\>";
			}
			if (fcfloat) {
				plus1code.value = plus1code.value + "\<div style=\"float:left;margin:10px 10px 10px 0;\"\>";
			} else {
				plus1code.value = plus1code.value + "\<div style=\"float:right;margin:10px 0 10px 10px; \"\>";
			}
			if (plus1type == 1) {
				plus1code.value = plus1code.value + "\<g:plusone size=\"small\" expr:href=\"data:post.url\"\>\</g:plusone\>";
			}
			if (plus1type == 2) {
				plus1code.value = plus1code.value + "\<g:plusone size=\"medium\" expr:href=\"data:post.url\"\>\</g:plusone\>";
			}
			if (plus1type == 3) {
				plus1code.value = plus1code.value + "\<g:plusone expr:href=\"data:post.url\"\>\</g:plusone\>";
			}
			if (plus1type == 4) {
				plus1code.value = plus1code.value + "\<g:plusone size=\"tall\" expr:href=\"data:post.url\"\>\</g:plusone\>";
			}
			if (plus1type == 5) {
				plus1code.value = plus1code.value + "\<g:plusone size=\"small\" expr:href=\"data:post.url\" count=\"false\"\>\</g:plusone\>";
			};
			if (plus1type == 6) {
				plus1code.value = plus1code.value + "\<g:plusone count=\"false\" expr:href=\"data:post.url\"\>\</g:plusone\>";
			};
			if (plus1type == 7) {
				plus1code.value = plus1code.value + "\<g:plusone size=\"medium\" count=\"false\" expr:href=\"data:post.url\"\>\</g:plusone\>";
			};
			plus1code.value = plus1code.value + "\</div\>";
			if (postsxmltag) {
				plus1code.value = plus1code.value + "\</b:if\>";
			}
		}
		//-->
		</script>
	</head>
	<body>
		<div id='content-wrapper'>
			<h2>Google +1 Button Code Generator for Blogger</h2>
			<fieldset>
				<legend align='left'>
					Select +1 Button type
				</legend>
				<table width="100%">
					<tr>
						<td width='50%' align="right">
							<input name='1type' value='1' checked='true' type='radio'>
						</td>
						<td width='50%'>
							<img src="https://lh3.googleusercontent.com/-TcF0PqUFJT0/TehscVnxDMI/AAAAAAAAA5Y/yimluIhTfr0/s288/w2b_%252B1button1.png"/> Small
						</td>
					</tr>
					<tr>
						<td align="right">
							<input name='1type' value='2' type='radio'>
						</td>
						<td>
							<img src="https://lh4.googleusercontent.com/-xzC2if9aEg8/TehsccmqZoI/AAAAAAAAA5c/etrCf0a19D0/s288/w2b_%252B1button2.png"/> Medium
						</td>
					</tr>
					<tr>
						<td align="right">
							<input name='1type' value='3' type='radio'>
						</td>
						<td>
							<img src="https://lh6.googleusercontent.com/-xK5OnpVgGT8/TehscVbY84I/AAAAAAAAA5g/e1045hz4Rw0/s288/w2b_%252B1button3.png"/> Standard 
						</td>
					</tr>
					<tr>
						<td align="right">
							<input name='1type' value='4' type='radio'>
						</td>
						<td>
							<img src="https://lh5.googleusercontent.com/-cya_sVV57vk/TehscwZp5PI/AAAAAAAAA5o/-7ydO2TbCBk/s288/w2b_%252B1button4.png"/> Tall
						</td>
					</tr>
					<tr>
						<td align="right">
							<input name='1type' value='5' type='radio'>
						</td>
						<td>
							<img src="https://lh6.googleusercontent.com/-1VdvcTlXMvQ/TehscrtrEkI/AAAAAAAAA5k/-G0ylUJohsk/s288/w2b_%252B1button5.png"/> Small (without Counter)
						</td>
					</tr>
					<tr>
						<td align="right">
							<input name='1type' value='6' type='radio'>
						</td>
						<td>
							<img src="https://lh6.googleusercontent.com/-AH54eYp5AXo/Tehscm2_ITI/AAAAAAAAA5s/AtEeWqSOkUo/s288/w2b_%252B1button6.png"/> Medium (without Counter)
						</td>
					</tr>
					<tr>
						<td align="right">
							<input name='1type' value='7' type='radio'>
						</td>
						<td>
							<img src="https://lh6.googleusercontent.com/-ivq2OvMPDMM/Tehsc2q6V9I/AAAAAAAAA5w/mKA3wNKNl1w/s288/w2b_%252B1button7.png"/> Standard (without Counter)
						</td>
					</tr>
				</table>
			</fieldset>
			<br>
			<fieldset>
				<legend align='left'>
					Settings
				</legend>
				<table width="100%">
					<tr>
						<td align="right">
							<input type='radio' value='left' checked='true' name='float' id="floatl">
						</td>
						<td>
							<label for="floatl">
							Align <b>Left</b>
							</label>
						</td>
					</tr>
					<tr>
						<td align="right" width="50%">
							<input type='radio' value='right' name='float' id="floatr">
						</td>
						<td width="50%">
							<label for="floatr">
							Align
							<b>
								Right
							</b>
							</label>
						</td>
					</tr>
					<tr height="10px;" />
					<tr>
						<td align="right">
								<input type='checkbox' value='postpage' name='inposts' id="inpost">
						</td>
						<td>
							<label for="inpost">Show +1 Button in Post Pages Only</label>
						</td>
					</tr>
				</table>
			</fieldset>
			<br>
			<center>
				<input value='Get Code' style='font-size:16px;width:220px;line-height:25px;font-weight:bold;' type='button' onclick='javascript:way2bloggingcodegen();' />
			</center>
			<br>
			<textarea onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()" style='border:1px solid #7F9DB9; background:#ffffff;width:100%;height:75px;' readonly='readonly'	name='tbox'></textarea>
			<br>
			<br>
			<center>
					Copyright &copy; 2011 All Rights Reserved by <strong>Harish</strong> @ <a href='http://www.way2blogging.org/'>way2blogging.org</a>
			</center>
		</div>
	</body>
</html>